@charset "UTF-8";
/*公用样式*/
body{padding-top:30px;}
.fl{float:left;}
.fr{float:right;}
.por{position: relative;}
.w40{width:40px;}
/*.w40{width:40px;}*/
.clearfix:after{content:'';height:0;display: block;visibility: hidden;clear: both;}
.clearfix{zoom:1;}
.layui-form-label{padding:6px 15px 6px 2px;width:auto;}
.layui-input-inline input{height:32px;line-height:32px;}

#app{clear: both;}
/*#pagination{margin:0 20px;}*/

.layui-form-checkbox i{margin:0 auto;}
.layui-form-switch{height:38px;line-height:38px;margin-top:0;border-radius:0;border:0;outline:0;margin-left:1px;}
.layui-form-switch i{top:11px;}
.layui-form-onswitch{background-color:#009688; }
/*控制表单的样式*/
.tableWrap table{width:100%;background-color: #ffffff;}
table .checkbox{position: relative;width:40px;height:40px;opacity:.01;z-index:2;cursor:pointer;}
table .checkbox:hover+i{border:1px solid #5eabed;}
table th i.checkedColor,table td i.checkedColor{color:#fff;border:1px solid #5eabed;background: #5eabed;}
table td ,table th{padding:0 5px;font-size:14px;}
table .checkbox+i{position: absolute;width:22px;height:22px;line-height:22px;text-align:center;border-radius:11px;text-indent: -8px;border:1px solid #ddd;top:0;right:0;bottom:0;left:0;margin:auto;z-index:1;font-size:16px;color:#ddd;}
/*thead tr,tbody tr:hover{background: #F2F2F2;}*/
thead tr{background: #dde9f4;}
tbody tr:hover{background: #F2F2F2;}
/*操作按钮样式*/
.swith{padding:0;width:64px;height:38px;cursor:pointer;}
.swith input{width:64px;height:38px;opacity: .01;position: absolute;z-index:2;left:0;top:0;}
.swith em{position: absolute;left:4px;top:0;font-style:normal;}
.swith i{position: absolute;font-style:normal;width:24px;height:24px;border-radius: 24px;background: #fff;top:7px;right:4px;transition: all .3s ;}
.swith b{position: absolute;right:4px;top:0;font-size:12px;}
.swith.bgColor{background: #ddd;}
.slide-fade-enter-active {transition: all .3s ;  }
.moveColor{transform: translateX(-33px);  }

.checkbox{position: relative;width:100px;height:32px;padding-left:32px;}
.checkbox input{position: absolute;left:0;top:0;width:50px;height:32px;opacity:.01;z-index:2;cursor:pointer;}
.checkbox input:hover+i{border:1px solid #5FB878;}
.checkbox i.checkedColor{color:#fff;border:1px solid #5FB878;background: #5FB878;}
/*table td ,table th{border:1px solid #bbb;padding:0 5px;font-size:14px;}*/
.checkbox i{position: absolute;width:22px;height:22px;line-height:22px;text-align:center; text-indent: -8px;border:1px solid #ddd;top:0;bottom:0;left:0;margin:auto;z-index:1;font-size:16px;color:#ddd;}
/*上传按钮样式*/
.layui-upload-button{min-width:110px;}
.layui-upload-icon{margin:0;font-size:14px;}
.layui-upload-icon i{color:#5FB878;}
.update span{color:#5FB878;position: absolute;left:0;top:0;width: 110px;height:36px;text-align:center;line-height:36px;border:1px solid #ddd;border-bottom-right-radius: 2px;border-top-right-radius:2px;font-size:14px;}

/*是否查看*/
.read{color: #ccc;}
.layui-btn-group .but-green{ background-color: #56cf88;  }
.layui-btn-group .but-orange{background-color: #fe7c7c;}